<?php echo $header; ?>
<!-- End divMenu -->

<section id="main-teaser" class="teaser" style="background: url(<?php echo DIR_ROOT_NAME ?>/view/theme/default/images/header_v1_01.jpg) center top no-repeat;">
    <div>
        <div class="teaser-content">
            <p>No time to clean?<br/>Book a Helpling!</p>
			<p>$29 per hour</p>
			<a href="#" class="book-btn">Find Cleaner<i class="icon-book"></i></a>     
			<!--form class="signup inline-submit" id="followup-form" action="#" method="POST">
                <input type="text" id="zip" name="zip" placeholder="Postal code" pattern="^[0-9]{4}$" maxlength="4" data-error-text="4 digits required for postcode" oninvalid="this.setCustomValidity(&#039;4 digits required for postcode&#039;)" onchange="this.setCustomValidity(&#039;&#039;)" required="1" />                
				<button type="submit" name="submit">Find Cleaner</button>                
				<span class="error"></span>
            </form-->
        </div>
    </div>
</section>

<section id="logos-teaser" class="teaser bg-secondary">
<style type="text/css">
	#logos-teaser span{ display:inline-block;padding: 40px 20px 10px 0;vertical-align:top;}
	#logos-teaser{
		overflow: visible;
		position: relative;
	} 
	#provider #logos-teaser .app{ display: none; }
	#logos-teaser .app {
		max-width: none;
		text-align: center;
		width: 100%;
	}
	#logos-teaser .app h4 {
		padding: 20px 0 10px;
		font-size: 17px;
		font-weight: 400;
		margin: 0;
	}
	#logos-teaser .app a{
		display:inline-block;
		padding: 0 5px
	}

	@media (min-width: 650px) {
		#logos-teaser .app {
			position: absolute;
			left: 0;
			top: -155px;
		}
		#logos-teaser .app h4 {
			padding: 0;
		}
	}
</style>

	<div class="app">
		<h4>Download the new Helpling App!</h4>
		<a href="#" target="blank">
			<img style="height: 50px;" src="<?php echo DIR_ROOT_NAME ?>/view/theme/default/images/appstore-australia1.png" alt="appstore play">
		</a>
		<a href="#" target="blank">
			<img style="height: 50px;" src="<?php echo DIR_ROOT_NAME ?>/view/theme/default/images/googleplay-australia.png" alt="logo google play">
		</a>
	</div>
	<a href="#" name="Helpling in den Medien" target="_blank">
		<span>As seen on:</span>
		<img src="<?php echo DIR_ROOT_NAME ?>/view/theme/default/images/powerretail-logobw.png">
		<img src="<?php echo DIR_ROOT_NAME ?>/view/theme/default/images/forbes-logobw.png">
	</a>
</section> 

<section id="trustandsecurity-teaser" class="teaser">
    <div>
        <h3>Quality and Safety</h3>        
		<div class="service"><i class="icon-trust-online"></i>
			<p>Convenient online booking</p>
		</div>
		<div class="service"><i class="icon-trust-zuver"></i>
			<p>Registered cleaning businesses</p>
		</div>
		<div class="service"><i class="icon-trust-bezah"></i>
			<p>Secure online payment</p>
		</div>
		<div class="service"><i class="icon-trust-garantie"></i>
			<p>Helpling customer service</p>
		</div>    
	</div>
</section>

<section id="howitwork-teaser" class="teaser bg-primary">
    <div>
        <h3>Book a Helpling in 3 easy steps</h3>
		<p class="actions">
			<a class="btn btn-secondary btn-lg" href="#">Find a cleaner</a>
		</p>        
		<!--<iframe width="100%" height="574" src="//www.youtube.com/embed/SXGQP8agfaw" frameborder="0" allowfullscreen></iframe>-->   
	</div>
</section>

<section id="aboutcleaner-teaser" class="teaser">
    <div>
        <h3>The Helpling registration process for cleaners</h3>        
		<div class="service"><i class="icon-glasses"></i>
			<p>Police check and ABN verification</p>
		</div>
		<div class="service"><i class="icon-micro"></i>
			<p>Personal interview</p>
		</div>
		<div class="service"><i class="icon-star"></i>
			<p>Public liability insurance check</p>
		</div>

		<p class="actions">
			<a class="btn btn-primary btn-lg" href="#">Register now</a>
		</p>    
	</div>
</section>

<section class="slideshow-teaser teaser bg-secondary">
    <h3>This is what our customers are saying...</h3>

	<style type="text/css">
	.slideshow-teaser { height: auto; }
	.slideshow-teaser h3 { position: relative; }
	.slideshow-teaser > a,.slideshow-teaser > ul { display: none; }
	.blockquote { padding: 0 15px; }
	.blockquote ul { margin: 0; padding: 0; text-align: center; }
	.blockquote ul li { display: inline-block; }
	.blockquote ul li + li { margin-top: 30px; }
	blockquote { 
		position: relative; 
		background-color: #FFF; 
		padding: 20px; 
		margin: 0 0 46px 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px; 
	}

	blockquote:after { position: absolute; top: 100%; left: 50%; border: solid transparent; content: " "; width: 0; height: 0; border-color: rgba(136, 183, 213, 0); border-top-color: #FFF; border-width: 20px; margin-left: -20px; }
	blockquote p { margin-bottom: 0; }
	.round-md { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 100px; height: 100px; margin: 0 auto; }

	@media (min-width: 1020px) {
		.blockquote li { max-width: 280px; margin-left: 3%; }
		.blockquote ul li + li { margin-top: 0; }
	}
	</style>


	<div class="three-columns blockquote">
		<ul>
			<li>
				<blockquote>
					<br><br>
					<i>„It was wonderful to come home after a long day at work to a beautiful clean home. The cleaner did a terrific job and I will definitely book again!“</i>
					<br><br>
					<p><strong>Aaron</strong></p>
				</blockquote>
				<div class="round-img round-md">
					<img src="<?php echo DIR_ROOT_NAME ?>/view/theme/default/images/aus_TESTIMONIOS01_c.png" alt="Aaron" />
				</div>
			</li>
			<li>
				<blockquote>
					<br>
					<i>"Helpling’s website was easy to use and the cleaners information was sent through to me shortly after booking. They arrived on time and was definitely the best cleaner I had ever had. Oh and not to mention the cheapest!”</i>
					<p><strong>Robin</strong></p>
				</blockquote>
				<div class="round-img round-md">
					<img src="<?php echo DIR_ROOT_NAME ?>/view/theme/default/images/aus_TESTIMONIOS01_a.png" alt="Robin" />
				</div>
			</li>
			<li>
				<blockquote>
					<br>
					<i>"Just had my first Helpling visit and I'm hooked.  He left my place spotless, and thought of all the small things - even made my bed!  I'll be booking through Helpling regularly
					from now on.”</i>
					<br><br>
					<p><strong>Lauren</strong></p>
				</blockquote>
				<div class="round-img round-md">
					<img src="<?php echo DIR_ROOT_NAME ?>/view/theme/default/images/aus_TESTIMONIOS01_b.png" alt="Lauren" />
				</div>
			</li>
		</ul>
	</div>
    <a class="icon-slider-left" href="javascript:;"></a>
    <a class="icon-slider-right" href="javascript:;"></a>
    <ul>
        <li id="slider-01" class="slide" data-background="">
            <div></div>
        <li id="slider-02" class="slide" data-background="">
            <div></div>
        </li>
        <li id="slider-03" class="slide" data-background="">
            <div></div>
        </li>
    </ul>
</section>

<section id="cleaning-teaser" class="teaser bg-primary">
    <div>
        <h3>Book a Helpling in 3 easy steps</h3>

		<p class="actions">
		<a class="btn btn-secondary btn-lg" href="#">Find a cleaner</a>
		</p>    
	</div>
</section>

<section id="benefit-teaser" class="teaser" style="background: url(<?php echo DIR_ROOT_NAME ?>/view/theme/default/images/homebenefit-background.jpg) center top no-repeat;">
    <div>
        <h3>Register now  to become a Helpling</h3>        
		<div class="service">
			<i class="icon-check-outline"></i>
			<p>100% flexibility</p>
		</div>
		<div class="service">
			<i class="icon-graph"></i>
			<p>Access to new customers </p>
		</div>
		<div class="service">
			<i class="icon-money">&dollar;</i>
			<p>Transparent hourly rate</p>
		</div>
		<div class="service">
			<i class="icon-support"></i>
			<p>Helpling Care Team</p>
		</div>

		<p class="actions">
			<a class="btn btn-primary btn-lg" href="#">Register now</a>
		</p>    
	</div>
</section>
<input type="hidden" id="redirectUrl" value="<?php echo $redirectUrl; ?>"/>

<?php echo $footer; ?>